<style>
	.list_title{font-size: 16px;font-weight: bold;}
</style>
		<div class="main">
			<div class="flex_container">
				<div class="sec_3_1" style="padding:20px 20px 0;">
					<div class="layui-btn layui-btn-normal layui-btn-fluid">机构中心</div>
					<ul class="jigou_list">
						{volist name="jigou_list" id="item"}
						<a href="{:url('jigou/detail',['id'=>$item.id])}">
							<li>{$item.name}</li>
						</a>
						{/volist}
					</ul>
				</div>
				<div class="sec_3_2">
					<div class="layui-carousel" id="ID-carousel-demo-2">
						<div carousel-item>
							{volist name="rs_banner" id="item"}
							<div><a href="{php}
								if($item['content_type']==1){
									echo url('article/detail',['banner_id'=>$item['id']]);
								}else if($item['content_type']==2){
									echo $item['url'];
								}else{
									echo '#';
								}
							{/php}" ><img src="{$item.image}" /></a>
							</div>
							{/volist}

						</div>
					</div>
				</div>
			</div>
			<div class="sec_title">
				<h3>行业信息</h3>
			</div>
			<div class="flex_container">
				<div class="sec_3_1"
					style="padding: 20px;background:url(/pc/img/bg_hangyexinxi.jpg) center no-repeat; height: 556px;">
					<h3 style="color: #214194;font-size: 24px;margin-bottom: 10px;">行业信息</h3>
					<p style="color: #214194;font-size: 20px; margin-bottom: 20px;">Industry information</p>
					<a style="display: inline-block;width: 154px; height: 49px;border-radius:24.5px;border:1px solid #214194;background: rgba(255,255,255,0.5);color: #214194;text-align: center;line-height: 47px;"
						href="{:url('hangyexinxi/index')}">查看更多 <i class="iconfont">&#xe6a3;</i></a>
				</div>
				<div class="sec_3_2">
					<div style="display: flex;justify-content: space-between;margin-bottom: 10px;">
						<div style="width: 460px;">
							<div id="slideBox" class="slideBox">
								<div class="bd">
									<ul>
										{volist name="hangyexinxi_banner" id="item"}
										<li>
											<a class="pic" href="{:url('hangyexinxi/detail',['id'=>$item.id])}"><img src="{$item.image}" /></a>
											<a class="tit" href="{:url('hangyexinxi/detail',['id'=>$item.id])}">{$item.title}</a>
										</li>
										{/volist}
									</ul>
								</div>

								<div class="hd">
									<ul></ul>
								</div>
							</div>
						</div>
						<div style="width: 460px;">
							<div class="arclist_460">
								<div class="list_title">新闻聚焦</div>

								<ul class="news_list">
									{volist name="hangyexinxi_xinwenjujiao" id="item"}
									<a href="{:url('hangyexinxi/detail',['id'=>$item.id])}">
										<li>{$item.title}</li>
									</a>
									{/volist}

								</ul>
							</div>
						</div>
					</div>
					<div style="display: flex;justify-content: space-between;">
						{volist name="hangyexinxitype" id="item"}
						<div style="width: 303px;">
							<div class="arclist_303">
								<div class="list_title">{$item.name}</div>
								<ul class="news_list">
									{volist name="$item.list" id="detail_item"}
									<a href="{:url('hangyexinxi/detail',['id'=>$detail_item.id])}">
										<li>{$detail_item.title}</li>
									</a>
									{/volist}
								</ul>
							</div>
						</div>
						{/volist}
					</div>
				</div>
			</div>
			<div class="flex_container">
				{volist name="adv_shangbu" id="item"}
				<div style="width: 393px;height: 180px;">
					<a href="{$item.url}" target="_blank">
						<img src="{$item.image}" style="width: 100%;height: 100%;">
					</a>
				</div>
				{/volist}
			</div>
			<div class="sec_title">
				<h3>专业书刊</h3>
			</div>
			<div class="container">
				<div class="book_list" style="padding-bottom: 20px;">
					<a href="{:url('zhuanyeshukan/index')}">更多 <i class="iconfont">&#xe6a3;</i></a>
					{volist name="rs_qikan" id="item"}
					<div class="book_item">
						<img src="{$item.image}">
						<div class="title">《{$item.name}》</div>
						{if($item.type=='qikan')}
						<a class="layui-btn layui-btn-normal layui-btn-fluid layui-btn-radius" href="{:url('zhuanyeshukan/qikan_detail',['id'=>$item.id])}">在线阅读</a>
						{else/}
						<a class="layui-btn layui-btn-normal layui-btn-fluid layui-btn-radius" href="{:url('zhuanyeshukan/shuji_detail',['id'=>$item.id])}">在线阅读</a>
						{/if}
					</div>
					{/volist}
				</div>
			</div>
			<div class="flex_container">
				{volist name="adv_zhongbu" id="item"}
				<div style="width: 393px;height: 180px;">
					<a href="{$item.url}"  target="_blank">
						<img src="{$item.image}" style="width: 100%;height: 100%;">
					</a>
				</div>
				{/volist}
			</div>
			<div class="sec_title">
				<h3>橡塑装备</h3>
			</div>
			<div class="flex_container">
				<div class="sec_3_1"
					style="padding: 20px;background:url(/pc/img/bg_xiangsuzhuangbei.jpg) center no-repeat; height: 597px;">
					<h3 style="color: #214194;font-size: 24px;margin-bottom: 10px;">橡塑装备</h3>
					<p style="color: #214194;font-size: 20px; margin-bottom: 20px;">Rubber equipment</p>
					<a style="display: inline-block;width: 154px; height: 49px;border-radius:24.5px;border:1px solid #214194;background: rgba(255,255,255,0.5);color: #214194;text-align: center;line-height: 47px;"
						href="{:url('xiangsuzhuangbei/index')}">查看更多 <i class="iconfont">&#xe6a3;</i></a>
				</div>
				<div class="sec_3_2" style="background: #fff;padding: 20px;">
					<div class="outBox" style="margin:0 auto">
						<div class="hd">
							<ul>
								<li>优质产品</li>
								<li>创新产品</li>
							</ul>
						</div>
						<div class="bd">

							<!-- inBox S -->
							<div class="inBox">
								<div class="inHd">
									<ul>
										{volist name="product_category" id="item"}
										<li>{$item.name}</li>
										{/volist}

									</ul>
								</div>
								<div class="inBd">
									{volist name="product_category" id="item"}
									<ul>
										{volist name="youzhi_product[$item.id]" id="product_item"}
										<a href="{:url('xiangsuzhuangbei/product_detail',['id'=>$product_item.id])}"><li class="chuangxin">
											<img src="{$product_item.image}">
											<h3 class="title">{$product_item.name}</h3>
											<p class="desc">{$product_item.qiye_name}</p>
										</li></a>
										{/volist}
									</ul>
									{/volist}


								</div>
							</div>

							<!-- inBox S -->
							<div class="inBox">
								<div class="inHd">
									<ul>
										{volist name="product_category" id="item"}
										<li>{$item.name}</li>
										{/volist}
									</ul>
								</div>
								<div class="inBd">
									{volist name="product_category" id="item"}
									<ul>
										{volist name="chuangxin_product[$item.id]" id="product_item"}
										<a href="{:url('xiangsuzhuangbei/product_detail',['id'=>$product_item.id])}"><li class="chuangxin">
											<img src="{$product_item.image}">
											<h3 class="title">{$product_item.name}</h3>
											<p class="desc">{$product_item.qiye_name}</p>
										</li></a>
										{/volist}
									</ul>
									{/volist}

								</div>
							</div>

						</div><!-- bd E -->
					</div>
				</div>
			</div>
			<div class="sec_title">
				<h3>人物专栏</h3>
			</div>
			<div class="flex_container">
				<div class="sec_3_1"
					style="padding: 20px;background:url(/pc/img/bg_renwuzhuanlan.jpg) center no-repeat; height: 710px;">
					<h3 style="color: #214194;font-size: 24px;margin-bottom: 10px;">人物专栏</h3>
					<p style="color: #214194;font-size: 20px; margin-bottom: 20px;">Character Column</p>
					<a style="display: inline-block;width: 154px; height: 49px;border-radius:24.5px;border:1px solid #214194;background: rgba(255,255,255,0.5);color: #214194;text-align: center;line-height: 47px;"
						href="{:url('renwuzhuanlan/index')}">查看更多 <i class="iconfont">&#xe6a3;</i></a>
				</div>
				<div class="sec_3_2">
					<div style="display: flex;justify-content: space-between;margin-bottom: 10px;">
						{volist name="rs_renwu" id="item" length="2"}
						<div style="width: 460px;">
							<div class="arclist_460">
								<div class="list_title">{$item.name}</div>
								<ul class="news_list" style="height: 269px;">
									{volist name="item.list" id="detail_item"}
									{if($i==1)}
										<a href="{:url('renwuzhuanlan/detail',['id'=>$detail_item.id])}">
											<div class="tuwen">
												<img src="{$detail_item.image|htmlentities}">
												<div class="content">
													<div class="title">{$detail_item.title|htmlentities}</div>
													<div class="desc">{$detail_item.content|strip_tags}</div>
												</div>
											</div>
										</a>
									{else /}
										<a href="{:url('renwuzhuanlan/detail',['id'=>$detail_item.id])}">
											<li>{$detail_item.title|htmlentities}</li>
										</a>
									{/if}

									{/volist}

								</ul>
							</div>
						</div>
						{/volist}
					</div>
					<div style="display: flex;justify-content: space-between;">
						{volist name="rs_renwu" id="item" offset="2" length="2"}
						<div style="width: 460px;">
							<div class="arclist_460">
								<div class="list_title">{$item.name}</div>
								<ul class="news_list" style="height: 269px;">
									{volist name="item.list" id="detail_item"}
									{if($i==1)}
										<a href="{:url('renwuzhuanlan/detail',['id'=>$detail_item.id])}">
											<div class="tuwen">
												<img src="{$detail_item.image|htmlentities}">
												<div class="content">
													<div class="title">{$detail_item.title|htmlentities}</div>
													<div class="desc">{$detail_item.content|strip_tags}</div>
												</div>
											</div>
										</a>
									{else /}
										<a href="{:url('renwuzhuanlan/detail',['id'=>$detail_item.id])}">
											<li>{$detail_item.title|htmlentities}</li>
										</a>
									{/if}

									{/volist}

								</ul>
							</div>
						</div>
						{/volist}
					</div>
				</div>
			</div>
			<div class="sec_title">
				<h3>行业展会</h3>
			</div>
			<div class="flex_container">
				<div class="sec_3_1"
					style="padding: 20px;background:url(/pc/img/bg_hangyezhanhui.jpg) center no-repeat; height: 273px;">
					<h3 style="color: #214194;font-size: 24px;margin-bottom: 10px;">行业展会</h3>
					<p style="color: #214194;font-size: 20px; margin-bottom: 20px;">Trade show</p>
					<a style="display: inline-block;width: 154px; height: 49px;border-radius:24.5px;border:1px solid #214194;background: rgba(255,255,255,0.5);color: #214194;text-align: center;line-height: 47px;"
						href="{:url('hangyezhanhui/index')}">查看更多 <i class="iconfont">&#xe6a3;</i></a>
				</div>
				<div class="sec_3_2">
						<div style="display: flex;justify-content: space-between;margin-bottom: 10px;">
							{volist name="rs_hangyezhanhui" id="item"}
							<div style="width: 460px;">
								<div class="arclist_460">
									<div class="list_title">{$item.name}</div>
									<ul class="news_list">
										{volist name="item['list']" id="detail_item"}
										<a href="{:url('hangyezhanhui/detail',['id'=>$detail_item.id])}">
											<li>{$detail_item.name|htmlentities}</li>
										</a>
										{/volist}

									</ul>
								</div>
							</div>
							{/volist}
						</div>
					</div>

			</div>
			<div class="flex_container">
				{volist name="adv_xiabu1" id="item"}
				<div style="width: 595px;height: 90px;">
					<a href="{$item.url}" target="_blank"><img src="{$item.image}" style="width: 100%;height: 100%;"></a>
				</div>
				{/volist}

			</div>
			<div class="flex_container">
				{volist name="adv_xiabu2" id="item"}
				<div style="width: 292px;height: 90px;">
					<a href="{$item.url}" target="_blank"><img src="{$item.image}" style="width: 100%;height: 100%;"></a>
				</div>
				{/volist}
			</div>
			<div class="sec_title">
				<h3>企业展联</h3>
			</div>
			<div class="container">
				<div class="picMarquee-left">
					<div class="hd">
						<a class="next"></a>
						<a class="prev"></a>
					</div>
					<div class="bd">
						<ul class="picList">
							{volist name="rs_qiyelianzhan" id="item"}
							<li>
								<div class="pic"><a href="{$item.url}" target="_blank"><img src="{$item.image}" /></a></div>
							</li>
							{/volist}
						</ul>
					</div>
				</div>
			</div>

			<div class="sec_title">
				<h3>友情链接</h3>
			</div>
			<div class="container">
				<div style="background: #fff;padding: 20px;">
					{volist name="rs_friendlink" id="item"}
					<a href="{$item.url}" target="_blank" style="display: inline-block; margin-right:20px;margin-bottom:10px;">{$item.name}</a>
					{/volist}
				</div>
			</div>
			<div style="height: 20px;"></div>
		</div>
<script>
	TouchSlide({
		slideCell: "#slideBox",
		titCell: ".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
		mainCell: ".bd ul",
		effect: "leftLoop",
		autoPage: true, //自动分页
		autoPlay: true //自动播放
	});
	jQuery(".inBox").slide({ titCell:".inHd li",mainCell:".inBd" });
	jQuery(".outBox").slide({ effect:"left" });
	jQuery(".picMarquee-left").slide({mainCell:".bd ul",autoPlay:true,effect:"leftMarquee",vis:6,interTime:50});
</script>

